<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About</title>
    <link rel="stylesheet" href="./style-1.css" />

</head>

<body>
    <!--分割线-->
    <div class="first firs">
        <div class="first-1">
            <div class="first-2">
                <a class="first12" href="index7.html">
                    <img src="./图片/diannao.png" href="index7.html">
                    <span class="first-3">Alexander</span>
                </a>
                <div class="first1">
                    <div class="first2">
                        <div class="first3">
                            <div class="first4">
                                <li class="first5">
                                    <a class="nav-lin" href="index7.html">Home </a>
                                </li>
                                <li class="first6">
                                    <a class="nav-link" href="index-1.html">About</a>
                                </li>
                                <li class="first7">
                                    <a class="nav-link" href="index-2.html">Contact</a>
                                </li>
                                <label class="theme-switch" for="checkbox">
                                    <input type="checkbox" id="checkbox">
                                    <span class="mode-container">
                                        <svg t="1621088186573" class="dark" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="5481" width="20" height="20">
                                            <path
                                                d="M572.4 229.9c8.8-8.8 21.9-11.7 33.6-7.5 115.1 41.7 197.5 152 197.5 281.6 0 165.4-134.1 299.5-299.5 299.5-129.6 0-239.9-82.3-281.6-197.5-4.2-11.7-1.3-24.8 7.5-33.6s21.9-11.7 33.6-7.5c25 9 51.9 14 80.1 14 129.9 0 235.3-105.3 235.3-235.3 0-28.2-4.9-55.2-14-80.1-4.2-11.7-1.3-24.8 7.5-33.6z m69.1 83.2c1 10 1.5 20.2 1.5 30.5C643 509 508.9 643 343.6 643c-10.3 0-20.5-0.5-30.5-1.5 42.7 59.3 112.4 97.8 191 97.8C634 739.3 739.3 634 739.3 504c0-78.5-38.5-148.2-97.8-190.9z"
                                                p-id="5482"></path>
                                        </svg>
                                        <svg t="1621088029175" class="light" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="4193" width="20" height="20">
                                            <path
                                                d="M512 810.666667c-164.949333 0-298.666667-133.717333-298.666667-298.666667S347.050667 213.333333 512 213.333333 810.666667 347.050667 810.666667 512 676.949333 810.666667 512 810.666667z m0-51.2c136.669867 0 247.466667-110.7968 247.466667-247.466667S648.669867 264.533333 512 264.533333 264.533333 375.330133 264.533333 512 375.330133 759.466667 512 759.466667zM512 878.933333a25.6 25.6 0 0 1 25.6 25.6v68.266667a25.6 25.6 0 0 1-51.2 0v-68.266667a25.6 25.6 0 0 1 25.6-25.6z m-295.662933-107.4688a25.6 25.6 0 0 1 36.1984 36.1984l-48.264534 48.2816a25.6 25.6 0 0 1-36.215466-36.215466z m555.127466 0a25.6 25.6 0 0 1 36.1984 0l48.2816 48.264534a25.6 25.6 0 0 1-36.215466 36.215466l-48.264534-48.2816a25.6 25.6 0 0 1 0-36.1984zM972.8 486.4a25.6 25.6 0 0 1 0 51.2h-68.266667a25.6 25.6 0 0 1 0-51.2z m-853.333333 0a25.6 25.6 0 0 1 0 51.2H51.2a25.6 25.6 0 0 1 0-51.2zM819.729067 168.055467a25.6 25.6 0 0 1 36.215466 36.215466l-48.2816 48.264534a25.6 25.6 0 0 1-36.1984-36.1984z m-651.6736 0a25.6 25.6 0 0 1 36.215466 0l48.264534 48.2816a25.6 25.6 0 0 1-36.1984 36.1984L168.055467 204.288a25.6 25.6 0 0 1 0-36.215467zM512 25.6A25.6 25.6 0 0 1 537.6 51.2v68.266667a25.6 25.6 0 0 1-51.2 0V51.2A25.6 25.6 0 0 1 512 25.6z"
                                                fill="#e6e6e6" p-id="4194"></path>
                                        </svg>
                                    </span>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="one">
        <div class="one1">
            <div class="one2">
                <h2 class="title">About Me</h2>
                <ul class="mt-2">
                    <li><a href="#url">Home</a></li>
                    <li class="active"><svg t="1621700737067" class="icon" viewBox="0 0 1211 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2343" width="15" height="15" style="margin-left: 0.5rem;margin-right: 0.5rem;">
                            <path
                                d="M717.034962 1023.997037a47.40727 47.40727 0 0 1-33.185089-80.592359l427.850614-427.850614a15.407363 15.407363 0 0 0 4.740727-10.666636 11.851818 11.851818 0 0 0-3.555545-8.296272L699.257236 81.777541a47.768751 47.768751 0 0 1 67.55536-67.55536l413.628433 413.628433a105.481176 105.481176 0 0 1 30.814725 77.036814 110.221903 110.221903 0 0 1-33.185089 77.036814L750.220051 1010.960038a47.40727 47.40727 0 0 1-33.185089 13.036999z"
                                fill="#696969" p-id="2344"></path>
                            <path
                                d="M1142.515213 559.405789H47.40727a47.40727 47.40727 0 1 1 0-94.814541h1095.107943a47.40727 47.40727 0 1 1 0 94.814541z"
                                fill="#696969" p-id="2345"></path>
                        </svg>About Me
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="two">
        <div class="two1">
            <div class="two2">
                <div class="two3">
                    <div class="two-img">
                        <div class="g">
                            <img src="./图片/myphoto1.jpg">
                        </div>
                    </div>
                    <div class="mt-5">
                        <h5 class="mb-2">Hello, I am UI/UX Designer</h5>
                        <h3 class="title-big">Having O7 Years of Experience</h3>
                        <p class="mt-3">Lorem ipsum viverra feugiat. Pellen tesque libero ut justo, ultrices in ligula. Semper at tempufddfel. Lorem ipsum dolor sit amet consectetur adipisicing elit. Non quae, fugiat consequatur voluptatem nihil ad. Lorem ipsum dolor
                            sit amet.</p>
                        <div class="mt-4">
                            <div class="single-info"><span>Name:</span>
                                <p>Alexander Smith</p>
                            </div>
                            <div class="single-info"><span>Age:</span>
                                <p>24 Years</p>
                            </div>
                            <div class="single-info"><span>From:</span>
                                <p>London, UK</p>
                            </div>
                            <div class="single-info"><span>Email:</span>
                                <p><a href="mailto:alexander@mail.com">alexander@mail.com</a></p>
                            </div>
                        </div>
                        <div class="mn1">
                            <a href="#download" class="bt">Download CV</a>
                            <ul class="p-1">
                                <li class="p1"><svg t="1621702899334" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1719" width="30" height="30">
                                        <path d="M63.6 489.6h896.7v44.8H63.6z" p-id="1720"></path>
                                    </svg></li>
                                <li class="p1"><svg t="1621703531220" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2553" width="30" height="30">
                                        <path
                                            d="M126.362454 754.826468c83.802638 7.981788 159.52218-12.678764 228.878804-63.73151-9.91686-1.561565-18.011212-2.366907-25.880437-4.151553-55.68116-12.636808-94.41944-45.570895-116.52797-98.102319-3.730974-8.860808-2.688225-9.532097 7.048533-8.736988 18.413372 1.502213 36.836977 1.914606 57.416687-3.242857-18.132986-5.490038-33.730219-11.213389-47.838541-20.287045-45.242414-29.102828-69.957305-70.666456-75.377758-123.967406-0.13917-1.37123-0.112564-2.75781-0.12689-4.13518-0.101307-9.855462 0.505513-10.211573 9.579169-5.847172 18.085914 8.699126 37.062104 13.936407 59.618842 14.921851-9.168824-6.747681-16.20917-12.93152-22.826891-19.590174-47.50392-47.807842-58.931181-125.136022-27.358091-184.66379 3.105734-5.856381 4.92108-6.661723 9.56996-1.12973 38.618553 45.968961 84.612073 82.97683 137.972375 110.410646 52.297087 26.891464 107.768469 43.502793 166.615739 47.973618 15.083533 1.144056 14.842033 1.044796 13.164834-14.642488-10.514471-98.243535 62.657039-170.780595 142.707213-177.778986 48.193629-4.213975 89.652879 10.589173 125.122719 42.850947 4.846378 4.40738 9.172917 5.747911 15.547091 4.335748 29.055756-6.437619 56.30947-17.423835 82.47234-31.385824 2.337231-1.248434 4.344958-3.527336 8.797363-2.738367-11.418051 35.369555-33.319873 62.180178-62.972217 83.674725 28.720112-2.847861 55.885821-11.325953 82.572624-22.26612 0.822738 4.15053-1.582031 6.03239-3.091408 8.133238-18.615986 25.932626-40.503483 48.781006-65.834404 68.182892-5.633301 4.315282-7.889691 8.79634-7.743358 15.919575 2.068102 100.110045-26.634614 191.221136-83.442434 273.042653-71.240531 102.616122-169.133072 164.072823-292.829302 183.435823-100.758822 15.771195-196.565864 0.459464-286.937105-47.223534-9.863648-5.204535-19.378349-11.072173-29.054733-16.630772C125.857964 756.578368 126.110721 755.703441 126.362454 754.826468z"
                                            p-id="2554" fill="#bfbfbf"></path>
                                    </svg></li>
                                <li class="p1"><svg t="1621703726448" class="icon" viewBox="0 0 1068 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3496" width="30" height="30">
                                        <path
                                            d="M533.81632 81.5872c-116.7872 0-131.34336 0.52736-177.19808 2.62144a313.07776 313.07776 0 0 0-104.2432 20.06528 218.12224 218.12224 0 0 0-125.88032 125.88032 311.29088 311.29088 0 0 0-20.06016 104.21248c-2.05824 45.89056-2.62144 60.45184-2.62144 177.19808 0 116.78208 0.5632 131.6096 2.62144 177.46432a313.94816 313.94816 0 0 0 20.06016 104.2432 220.13952 220.13952 0 0 0 125.88032 125.88032 313.22112 313.22112 0 0 0 104.2432 19.80416c45.85472 2.09408 60.45184 2.62144 177.19808 2.62144 116.75136 0 131.6096-0.52736 177.4592-2.62144a314.44992 314.44992 0 0 0 104.24832-19.84 222.1056 222.1056 0 0 0 125.84448-125.84448 314.7008 314.7008 0 0 0 19.83488-104.2432c2.05312-45.85472 2.62144-60.70784 2.62144-177.42336 0-116.7872-0.5632-131.38432-2.62144-177.23392a311.82336 311.82336 0 0 0-19.83488-104.21248 220.1344 220.1344 0 0 0-125.84448-125.88032 313.856 313.856 0 0 0-104.28416-20.06528c-45.85472-2.09408-60.71296-2.62144-177.46432-2.62144h0.04096z m0 77.66528c114.91328 0 128.46592 0.26112 173.79328 2.32448a237.94688 237.94688 0 0 1 79.72352 14.85824 142.22848 142.22848 0 0 1 81.86368 81.60256 241.8944 241.8944 0 0 1 14.60224 79.95392c2.05312 45.3632 2.62144 58.91584 2.62144 173.568 0 114.69312-0.5632 128.4608-2.62144 173.83424a239.9232 239.9232 0 0 1-14.60224 79.72352 133.92896 133.92896 0 0 1-32.30208 49.52576 131.56352 131.56352 0 0 1-49.52576 32.3072 240.2304 240.2304 0 0 1-79.72864 14.59712c-45.3632 2.09408-58.91584 2.62144-173.82912 2.62144-114.91328 0-128.2048-0.52736-173.568-2.62144a242.048 242.048 0 0 1-79.98976-14.59712 130.73408 130.73408 0 0 1-49.25952-32.3072 133.81632 133.81632 0 0 1-32.3072-49.52576 245.11488 245.11488 0 0 1-14.85824-79.72352c-2.09408-45.36832-2.3552-58.91584-2.3552-173.83424 0-114.91328 0.26112-128.2048 2.3552-173.568a246.30784 246.30784 0 0 1 14.85824-79.98976 142.7968 142.7968 0 0 1 81.5616-81.5616 239.80032 239.80032 0 0 1 79.98976-14.85824c45.37344-2.06336 58.92608-2.3296 173.57824-2.3296z m0 131.57376c-121.96864 0.08192-220.77952 99.02592-220.6976 220.99456 0.08704 121.96864 99.02592 220.77952 220.99456 220.6976 121.95328-0.08704 220.75392-99.01056 220.69248-220.96384 0.04096-121.86624-98.71872-220.69248-220.58496-220.73344H533.77024h0.04608z m0 364.0576c-79.1552 0-143.32416-64.16896-143.32416-143.32928 0-79.1552 64.16896-143.32416 143.32416-143.32416s143.32416 64.16896 143.32416 143.32416c0 79.16032-64.16896 143.32928-143.32416 143.32928z m281.18016-372.62848c0 28.49792-23.10144 51.59936-51.59424 51.59936s-51.59424-23.10144-51.59424-51.59936 23.10144-51.59936 51.59424-51.59936 51.59424 23.10144 51.59424 51.59936z"
                                            p-id="3497" fill="#bfbfbf"></path>
                                    </svg></li>
                                <li class="p1"><svg t="1621703807202" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4416" width="30" height="30">
                                        <path
                                            d="M889.151 64.223H134.69c-38.601 0-70.182 31.583-70.182 70.182v754.461c0 38.599 31.582 70.182 70.182 70.182h754.461c38.601 0 70.182-31.583 70.182-70.182V134.405c0-38.599-31.582-70.182-70.182-70.182z m-99.008 503.811h-90.234v338.378H575.837V568.034h-90.235V455.238h90.235V319.887c0-56.396 49.592-84.209 78.955-90.236 35.908-7.368 140.991-5.637 140.991-5.637v124.07h-78.955c-22.558 0-22.558 22.562-22.558 22.562v84.592h107.153l-11.28 112.796z"
                                            p-id="4417" fill="#8a8a8a"></path>
                                    </svg></li>
                                <li class="p1"><svg t="1621703843482" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6048" width="30" height="30">
                                        <path
                                            d="M946.2784 0C966.656 0 984.6784 6.9632 1000.448 20.7872 1016.1152 34.7136 1024 51.8144 1024 72.192l0 876.9536c0 20.3776-7.8848 37.4784-23.552 51.3024C984.6784 1014.272 966.656 1021.2352 946.2784 1021.2352L74.9568 1021.2352c-20.3776 0-37.888-6.9632-52.736-20.7872C7.3728 986.5216 0 969.5232 0 949.0432L0 72.192c0-20.3776 7.3728-37.4784 22.2208-51.3024S54.5792 0 74.9568 0L946.2784 0zM227.5328 316.3136c24.064 0 44.8512-8.704 62.464-26.4192 17.6128-17.6128 26.4192-38.4 26.4192-62.464 0-23.9616-8.8064-44.8512-26.4192-62.464C272.384 147.5584 251.5968 138.752 227.5328 138.752c-24.064 0-44.8512 8.8064-62.464 26.3168-17.6128 17.6128-26.4192 38.4-26.4192 62.464 0 25.9072 8.2944 47.2064 24.9856 63.7952C180.4288 308.0192 201.6256 316.3136 227.5328 316.3136zM302.4896 871.3216 302.4896 382.976 152.6784 382.976l0 488.448L302.4896 871.424zM871.3216 871.3216 871.3216 602.2144c0-73.9328-12.4928-130.8672-37.4784-170.7008C808.96 391.7824 761.2416 371.8144 690.9952 371.8144c-70.3488 0-118.3744 25.9072-144.2816 77.7216L543.9488 449.536 543.9488 382.976 399.5648 382.976l0 488.448 149.8112 0L549.376 629.9648c0-83.2512 30.5152-124.928 91.5456-124.928 24.064 0 42.0864 7.8848 54.0672 23.552 11.9808 15.7696 18.944 30.5152 20.7872 44.4416s2.7648 33.792 2.7648 59.6992l0 238.6944L871.3216 871.424z"
                                            p-id="6049" fill="#bfbfbf"></path>
                                    </svg></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="thre">
        <div class="thre1">
            <h5 class="mo-1"> Hello</h5>
            <h3 class="mo-2">I Can give your business a new Creative start right away! </h3>
            <p>I am a freelancer based in the United Kingdom and i have been building noteworthy UX/UI designs and websites for years, which comply with the latest design trends. I help convert a vision and an idea into meaningful and useful products. Having
                a sharp eye for product evolution helps me prioritize tasks, iterate fast and deliver faster</p>
            <div class="mj-1">
                <div class="mj-2">
                    <div class="row">
                        <div class="ro">
                            <svg t="1621730826016" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4114" width="30" height="30">
                                <path
                                    d="M880.64 739.328H143.36l-40.96-40.96v-532.48l40.96-40.96h737.28l40.96 40.96v532.48l-40.96 40.96z m-696.32-81.92h655.36v-450.56H184.32v450.56z"
                                    fill="#696969" p-id="4115"></path>
                                <path d="M472.064 673.792h81.92v103.424h-81.92z" fill="#696969" p-id="4116"></path>
                                <path d="M369.664 776.192h286.72v81.92h-286.72z" fill="#696969" p-id="4117"></path>
                                <path d="M430.08 570.368h163.84v61.44H430.08z" fill="#696969" p-id="4118"></path>
                            </svg>
                        </div>
                        <div class="info">
                            <h4><a class="link-hny" href="#url">Responsive Design </a></h4>
                            <p>Lorem ipsum dolor sit amet elit consec tetur adipisi elit., rem!</p>
                        </div>
                    </div>
                </div>
                <div class="mj-2">
                    <div class="row">
                        <div class="ro">
                            <svg t="1621730794150" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2963" width="30" height="30">
                                <path
                                    d="M857.6 716.8H166.4c-21.1712 0-38.4-17.2288-38.4-38.4V140.8c0-21.1712 17.2288-38.4 38.4-38.4h691.2c21.1712 0 38.4 17.2288 38.4 38.4v128h-25.6V140.8a12.8 12.8 0 0 0-12.8-12.8H166.4a12.8 12.8 0 0 0-12.8 12.8v537.6a12.8 12.8 0 0 0 12.8 12.8h691.2a12.8 12.8 0 0 0 12.8-12.8V345.6h25.6v332.8c0 21.1712-17.2288 38.4-38.4 38.4z"
                                    fill="#696969" p-id="2964"></path>
                                <path
                                    d="M870.4 294.4h25.6v25.6h-25.6zM755.2 716.8H601.6a12.8 12.8 0 0 1-12.8-12.8v-102.4a12.8 12.8 0 0 1 12.8-12.8h153.6a12.8 12.8 0 0 1 12.8 12.8v102.4a12.8 12.8 0 0 1-12.8 12.8z m-140.8-25.6h128v-76.8H614.4v76.8zM550.4 716.8h-102.4a12.8 12.8 0 0 1-12.8-12.8v-76.8a12.8 12.8 0 0 1 12.8-12.8h102.4a12.8 12.8 0 0 1 12.8 12.8v76.8a12.8 12.8 0 0 1-12.8 12.8z m-89.6-25.6h76.8v-51.2h-76.8v51.2z"
                                    fill="#696969" p-id="2965"></path>
                                <path d="M550.4 640h51.2v25.6h-51.2z" fill="#696969" p-id="2966"></path>
                                <path
                                    d="M832 665.6h-76.8v-25.6h64V179.2H204.8v460.8h243.2v25.6H192a12.8 12.8 0 0 1-12.8-12.8V166.4a12.8 12.8 0 0 1 12.8-12.8h640a12.8 12.8 0 0 1 12.8 12.8v486.4a12.8 12.8 0 0 1-12.8 12.8z"
                                    fill="#696969" p-id="2967"></path>
                                <path
                                    d="M640 640h25.6v25.6h-25.6zM691.2 640h25.6v25.6h-25.6zM307.2 345.6h460.8v25.6H307.2zM704 448h64v25.6h-64zM652.8 448h25.6v25.6h-25.6zM256 448h371.2v25.6H256zM256 550.4h256v25.6H256zM256 345.6h25.6v25.6h-25.6zM614.4 243.2h153.6v25.6H614.4zM563.2 243.2h25.6v25.6h-25.6zM256 243.2h281.6v25.6H256zM537.6 550.4h25.6v25.6h-25.6z"
                                    fill="#696969" p-id="2968"></path>
                            </svg>
                        </div>
                        <div class="info">
                            <h4><a class="link-hny" href="#url"> Powerful Editorv </a></h4>
                            <p>Lorem ipsum dolor sit amet elit consec tetur adipisi elit., rem!</p>
                        </div>
                    </div>
                </div>
                <div class="mj-2">
                    <div class="row">
                        <div class="ro">
                            <svg t="1621730697070" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2623" width="30" height="30">
                                <path
                                    d="M810.666667 234.666667a42.666667 42.666667 0 0 1 42.666666 42.666666v362.666667a42.666667 42.666667 0 0 1-42.666666 42.666667H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666667V277.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h597.333334m0-42.666667H213.333333a85.333333 85.333333 0 0 0-85.333333 85.333333v362.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h597.333334a85.333333 85.333333 0 0 0 85.333333-85.333333V277.333333a85.333333 85.333333 0 0 0-85.333333-85.333333zM640 853.333333H384a21.333333 21.333333 0 0 1 0-42.666666h256a21.333333 21.333333 0 0 1 0 42.666666z"
                                    fill="#696969" p-id="2624"></path>
                                <path
                                    d="M512 832a21.333333 21.333333 0 0 1-21.333333-21.333333v-85.333334a21.333333 21.333333 0 0 1 42.666666 0v85.333334a21.333333 21.333333 0 0 1-21.333333 21.333333zM853.333333 597.333333H170.666667a21.333333 21.333333 0 0 1 0-42.666666h682.666666a21.333333 21.333333 0 0 1 0 42.666666z"
                                    fill="#696969" p-id="2625"></path>
                            </svg>
                        </div>
                        <div class="info">
                            <h4><a class="link-hny" href="#url">Creative Design</a></h4>
                            <p>Lorem ipsum dolor sit amet elit consec tetur adipisi elit., rem!</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="fou">
        <div class="fou1">
            <div class="fou2">
                <div class="fou3">
                    <div class="co5">
                        <h3 class="m-4">Motivated by the Desire to achieve Success</h3>
                        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorem, odit! Perspiciatis et consequuntur non, modi quo mollitia labore laborum voluptas quia officiis fugit soluta molestias quaerat sapiente sunt.
                        </p>
                    </div>
                    <div class="vb-1">
                        <div class="in">
                            <h6 class="pro">UI/UX Design</h6>
                            <div class="gre">
                                <div class="bar">
                                </div>
                            </div>
                        </div>
                        <div class="in">
                            <h6 class="pro">Ideas & Technology</h6>
                            <div class="gre">
                                <div class="bar1">
                                </div>
                            </div>
                        </div>
                        <div class="in">
                            <h6 class="pro">Branding Design</h6>
                            <div class="gre">
                                <div class="bar2">
                                </div>
                            </div>
                        </div>
                        <div class="in">
                            <h6 class="pro">Responsive Web Design</h6>
                            <div class="gre">
                                <div class="bar3">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="five">
        <div class="img1">
            <img src="./图片/g5.jpg">
        </div>
        <div class="mid">
            <h3 class="big"> Stay up to date, Subscribe to the free Newsletter! </h3>
            <form action="#url" method="GET" class="form" data-children-count="1">
                <input type="email" name="email" placeholder="Enter your email" required="" data-kwimpalastatus="alive" data-kwimpalaid="1621731306878-0">
                <button type="submit" class="btn">Subscribe</button>
            </form>
        </div>
        <div class="img1">
            <img src="./图片/g5.jpg">
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="six">
        <div class="six1">
            <div class="six2">
                <h5 class="sma">My achievements</h5>
                <h3 class="big1">Personal Awards</h3>
                <div class="felx">
                    <div class="card">
                        <div class="ne">
                            <div class="ron">
                                <div class="tu">
                                    <svg t="1621765831022" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3847" width="30" height="30">
                                        <path
                                            d="M504.616 435.382c0.048-0.073 0.117-0.138 0.163-0.213-0.183-0.87-0.331-1.63-0.398-2.172 0.082 0.792 0.168 1.588 0.235 2.385zM674.03 620.367c0.006 0 0.006-0.008 0.006-0.012-0.023-0.01-0.1-0.01-0.117-0.036 0.025 0.025 0.085 0.025 0.11 0.048z m4.337 0.542c-1.048-0.168-3.405 0.138-4.336-0.542-0.576 1.984 0.291 2.733 4.336 0.542zM513.35 69.202c-243.616 0-441.098 197.481-441.098 441.095 0 243.61 197.482 441.1 441.098 441.1 243.607 0 441.097-197.49 441.097-441.1 0-243.614-197.49-441.095-441.097-441.095zM795.096 241.51c-15.198 0.461-25.778 0.49-37.988 8.916-4.92 3.401-8.26 7.906-14.504 9.657-5.598 1.576-11.641 0.194-17.195 2.078-20.042 6.802-16.867 49.728-43.273 43.244-12.405-3.043-21.147-17.702-27.39-27.274-5.5-8.422-15.515-15.387-8.75-25.927-3.086 0.792-6.376-0.11-9.414 0.467 4.23-9.289 18.418-8.477 20.778-13.225 5.879-11.898-16.184-13.141-22.432-14.79 7.53-8.027 11.342 2.7 18.775 0.878 7.144-1.758-3.77-11.166-8.054-12.223-1.538-0.38-26.69 6.951-12.132-6.077a289598.807 289598.807 0 0 1-53.911-34.374c-3.026 12.746 23.92 19.99 32.72 24.481-1.367 5.264-9.554 12.928-15.822 10.685-5.905-2.118-3.508-11.902-12.424-10.92-6.366 14.802 13.46 10.475 15.302 19.546 2.093 10.334-7.495 5.954-11.182 5.776-0.879-0.046-7.752-7.16-8.122-1.774-0.446 6.395 10.96 3.901 11.765 10.36-13.285 0.537-20.071-4.26-30.887-11.445-12.623-8.378-19.101-7.623-34.568-7.623 4.626-1.9 10.998-3.308 14.954-6.368 2.16-1.672 10.638-9.912 11.197-11.751 2.396-7.938-0.13-7.336-7.725-12.54-6.751-4.618-14.94-12.91-23.12-14.543-29.64-5.917-9.141 26.76-31.64 31.266 0.385 0.02 0.801 0.038 1.132 0.038h-1.289c0.058-0.004 0.104-0.026 0.157-0.038-5.205-0.187-14.96-1.452-18.314 1.297-2.367 1.934-2.566 9.699-5.213 12.51-4.71 5.02-11.73 6.023-17.35 9.643-5.486 3.537-17.58 12.612-20.802 18.767-11.873 22.685 26.753 29.726 41.397 36.356 6.616 2.998 25.953 7.1 29.554 12.106 4.83 6.723-4.163 13.026 5.923 17.752 3.221 1.505 9.864 1.813 12.639-1.305 4.508-5.081-1.833-6.228-2.913-12.097-2.091-11.298 1.355-6.808 7.038-11.007 11.58-8.55 8.972-9.073 4.805-22.697-1.934-6.341-9.233-24.043-2.813-28.725 8.372-6.107 26.226 3.31 32.645 4.098 7.47 0.914 11.712 11.266 15.783 15.5 2.705 2.811 7.541 8.776 12.265 8.13 7.499-1.026 4.361-7.582 8.71-10.606 11.667-8.091 14.74 2.901 19.39 13.895 4.375 10.326 8.514 14.159 16.3 20.782 3.616 3.083 19.462 14.087 17.967 20.87-1.013 4.57-19.115 11.499-23.956 13.033-17.694 5.604-50.887-9.175-54.451 18.884 6.865-2.556 26.391-18.508 32.248-10.947 2.67 3.43-2.118 8.426-0.99 11.833 3.34 10.213 11.217 6.655 19.478 5.004-0.563 0.351-1.14 0.658-1.75 0.931 11.287-5.8 10.113-4.592 15.292-14 1.691-3.073 4.207-10.511 6.589-12.711 8.204-7.547 9.468-2.35 14.55 3.472 1.331 1.534 13.897 19.627 9.424 18.725-14.617-2.931-28.65-2.538-40.772 5.454-6.984 4.613-13.59 10.837-21.93 13.9-2 0.731-16.805 2.134-15.055-0.39 2.555-3.682 11.348-6.118 14.818-10.092-9.617-3.96-17.637 4.784-25.193 9.897-8.018 3.793-9.882 10.863-16.71 17.061-2.98 2.702-8.615 3.162-11.542 6.718-2.839 3.451-3.192 8.879-5.88 12.154-1.888 2.294-6.725 0.909-8.695 4.366-2.566 4.516 2.348 8.71 1.271 11.963-1.973 5.913-13.219 10.93-17.543 15.186a74.812 74.812 0 0 0 1.716-1.706c-4.334 4.548-9.818 7.892-13.202 13.154 1.553 7.428 6.452 25.147 5.086 29.223-4.508 13.411-13.263-7.294-16.814-12.643-12.2-18.382-36.583-6.082-53.24-4.556-21.304 1.949-42.17 29.596-29.03 52.038 6.309 10.762 16.92 14.929 29.092 12.438 10.832-2.218 14.085-17.373 24.286-17.65 18.746-0.5 0.412 18.37-1.21 25.295-1.5 6.415 2.338 7.008 8.941 8.598 4.876 1.165 11.781-2.087 16.008 0.697 2.663 1.758 2.535 11.383 6.197 8.347-7.21 5.977-5.525 20.148 1.867 25.27 8.196 5.685 17.846 0.42 26.428 2.603 16.2 4.134 8.467-1.235 22.694-9.824 9.603-5.787 11.178 1.09 17.74 1.117 4.467 0.019 7.304-6.421 14.772-4.547 6.088 1.533 8.494 6.233 15.762 7.314 2.98 0.44 6.057-1.121 8.898-0.808 13.444 1.494 23.736 10.083 34.33 17.85 8.73 6.392 14.512 5.097 24.71 8.012 7.45 2.123 21.196 12.905 20.492 22.371-0.125 1.693-6.638 10.206-7.751 14.04 1.906 1.32 15.165-1.643 19.045-1.922-1.275 1.484-10.303 7.828-10.303 4.46 0 1.726 6.387 5.272 7.944 6.373 4.71-15.29 12.445-5.451 21.754-1.664 7.915 3.224 17.658 3.397 26.1 5.408 7.166 1.706 22.97 6.545 28.28 12.4 6.392 7.05 1.974 18.502-2.756 25.516-6.187 9.192-15.517 12.73-19.376 23.545-3.05 8.573-0.76 17.235-2.503 26.738-2.356 12.865-4.245 8.355-12.53 16.205-6.971 6.611-0.117 5.462-9.608 9.676-9.533 4.236-17.928 2.976-24.529 13.436 0.264-0.658 0.48-1.317 0.664-2.005-2.786 3.897-4.178 11.88-5.498 14.498-3.328 6.682-7.918 10.897-13.181 16.462-2.017 2.131-20.561 27.465-21.632 25.43-1.377-2.648-15.998 2.658-16.695-1.118 0.581 3.174-0.139 2.11 3.492 3.939-3.362 20.82-12.168 23.925-32.613 24.135 1.758 10.007-7.409 8.01-11.67 13.39-2.49 3.142-3.679 11.976-5.405 16.044-1.078 2.555-9.06 12.794-9.06 14.822-0.009 1.87 2.684 4.607 5.207 7.233-14.414 2.85-29.11 4.838-44.038 6.05 2.795-3.52 3.467-6.613-5.433-7.037 2.382-6.472 7.974-10.163 10.344-16.431 1.124-2.958 0.194-4.127 1.144-7.058 3.257-10.115 1.845-6.3 0.009-14.156-4.301-18.416 1.53-23.453 6.55-40.314 5.153-17.327 4.674-39.789 7.976-58.453 1.566-8.933 4.132-27.517 1.03-35.96-3.495-9.508-18.87-16.996-25.91-23.39-9.969-9.083-15.268-18.897-22.67-30.123-3.757-5.7-8.04-11.296-10.972-17.495-6.27-13.255 0.005-5.366 1.06-13.19 1.01-7.559-0.9-14.315 2.1-22.249 3.32-8.772 11.608-14.238 14.33-23.083 2.45-7.874 0.586-17.77-7.502-20.397-4.508-1.472-9.482 1.919-14.01 1.174-6.317-1.022-13.466-5.738-18.423-9.507-6.919-5.272-9.512-13.839-16.88-18.837-6.169-4.164-10.556-1.672-17.154-3.62-6.882-2.028-11.13-10.52-16.681-13.178-8.33-3.984-13.025 1.737-21.819 0.58-7.478-0.979-18.884-9.267-25.872-12.399-14.209-6.36-22.86-13.38-28.543-27.8-4.866-12.366-11.96-18.134-20.312-28.434-8.463-10.435-11.114-19.328-24.158-22.109-1.532-0.332 3.192 10.955 3.679 11.86 4.661 8.632 11.661 16.515 17.291 24.552 8.284 11.837 4.754 14.058-3.673 2.612-9.636-13.095-20.818-26.115-29.177-39.983-3.16-5.241-2.553-8.63-7.765-13.606-5.036-4.808-11.626-7.15-16.697-11.723-18.246-16.408-21.563-38.313-19.483-61.705 0.676-7.625 3.43-13.723 2.216-21.052-1.002-6.086-4.595-11.118-9.085-15.601-1.446-2.304-5.077-7.978-5.287-8.339-4.142-6.88-7.364-13.647-13.944-19.292-3.776-3.252-13.544-10.853-22.741-17.22 41.322-51.538 95.392-92.38 157.421-117.739 0.494 3.118 1.833 6.231 3.84 9.211 5.1 7.563 9.96 6.965 19.916 9.058-1.067 11.555-14.573 11.647-23.715 10.394-10.913-1.498-22.394-5.123-31.847 4.441 5.221 3.14 19.552 15.366 17.647 2.59 10.454-0.522 20.56-0.835 30.787 0.416 4.098 0.502 17.828 5.11 21.549 3.01 1.562-0.884 3.226-8.588 4.878-10.958-2.915 0.017-6.04-1.455-8.944-1.176 6.772-8.672 13.52-1.87 22.139 2.12-9.49 5.766-3.862 19.584 5.415 8.356 7.621-9.233-1.864-15.927-11.54-21.307 9.757-12.204 15.774-13.305 24.954 0.469 1.513-8.495 8.369-5.095 15.535-4.467v-2.125c-3.154 0.076-6.522-1.738-9.644-1.41 7.3-11.648 2.64-14.308 13.076-18.11 8.311-3.026 32.02-0.21 34.941-8.022-16.593 3.225-36.638 3.998-51.608 11.542-6.455 3.253-14.144 13.522-20.59 6.848-6.607-6.848 4.726-17.859 10.524-21.215h-1.388c26.254-5.584 53.443-8.582 81.339-8.582 18.024 0 35.738 1.334 53.126 3.71-6.017 3.16-1.568 5.292-5.95 8.522-8.37 6.155-23.226 11.292-33.185 15.182 12.66-0.034 43.306 11.871 49.204-5.887-4.088-0.628-8.165-1.257-12.248-1.885 7.629-5.059 16.138-9.153 25.072-12.154 80.62 15.971 152.332 56.864 206.883 114.246-0.394-0.009-0.781-0.019-1.158-0.009z m71.39 154.868c0.725-1.55 2.421-2.061 3.121-3.34 1.474-2.69 1.145-4.513 2.96-6.821 1.942-2.495 4.563-3.106 6.73-5.055a7.898 7.898 0 0 0 1.763-2.251 386.672 386.672 0 0 1 15.464 56.207c-0.114 0.138-0.178 0.347-0.32 0.463-0.948 0.75-7.13 1.668-8.4 1.712-4.476 0.172-7.802-2.799-11.016-5.594-3.27-2.84-7.12-6.64-9.444-10.318-2.482-3.928-0.95-7.964-0.772-12.45 0.148-3.773-1.688-9.153-0.087-12.553z m5.047 202.244c-7.577-6.582-16.516-15.406-21.903-23.932-5.754-9.09-2.208-18.446-1.787-28.857 0.35-8.756-3.928-21.216-0.207-29.1 1.709-3.6 5.624-4.79 7.236-7.74 3.426-6.245 2.667-10.466 6.871-15.835 4.51-5.766 10.574-7.185 15.599-11.707 5.263-4.74 5.117-8.48 8.449-14.554 2.438-4.443 8.168-11.85 13.593-15.724a391.752 391.752 0 0 1 4.477 59.123c0 34.76-4.625 68.45-13.19 100.55-7.303-1.883-13.31-7.147-19.138-12.224z"
                                            fill="#8E43E7" p-id="3848"></path>
                                    </svg>
                                </div>
                                <h4><a href="#url">Website of the day</a></h4>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi reiciendis labore quisquam suscipit qui veritatis. voluptas quia officiis fugit soluta sunt</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="ne">
                            <div class="ron">
                                <div class="tu">
                                    <svg t="1621766585108" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5126" width="30" height="30">
                                        <path
                                            d="M880.64 739.328H143.36l-40.96-40.96v-532.48l40.96-40.96h737.28l40.96 40.96v532.48l-40.96 40.96z m-696.32-81.92h655.36v-450.56H184.32v450.56z"
                                            fill="#437DFF" p-id="5127"></path>
                                        <path d="M472.064 673.792h81.92v103.424h-81.92z" fill="#437DFF" p-id="5128">
                                        </path>
                                        <path d="M369.664 776.192h286.72v81.92h-286.72z" fill="#437DFF" p-id="5129">
                                        </path>
                                        <path d="M430.08 570.368h163.84v61.44H430.08z" fill="#63F7DE" p-id="5130">
                                        </path>
                                    </svg>
                                </div>
                                <h4><a href="#url">Awards Site Of The Day</a></h4>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi reiciendis labore quisquam suscipit qui veritatis. voluptas quia officiis fugit soluta sunt</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="ne">
                            <div class="ron">
                                <div class="tu">
                                    <svg t="1621766619239" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6155" width="30" height="30">
                                        <path
                                            d="M819.2 102.4V0H204.8v102.4H0v153.6a256 256 0 0 0 221.184 252.416 307.2 307.2 0 0 0 239.616 204.8V921.6H307.2v102.4h409.6v-102.4h-153.6v-209.408a307.2 307.2 0 0 0 239.616-204.8A256 256 0 0 0 1024 256V102.4zM102.4 256V204.8h102.4v196.096A153.6 153.6 0 0 1 102.4 256z m819.2 0a153.6 153.6 0 0 1-102.4 144.896V204.8h102.4z"
                                            p-id="6156" fill="#8E43E7"></path>
                                    </svg>
                                </div>
                                <h4><a href="#url">Honorable mention award</a></h4>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi reiciendis labore quisquam suscipit qui veritatis. voluptas quia officiis fugit soluta sunt</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="ne">
                            <div class="ron">
                                <div class="tu">
                                    <svg t="1621766585108" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5126" width="30" height="30">
                                        <path
                                            d="M880.64 739.328H143.36l-40.96-40.96v-532.48l40.96-40.96h737.28l40.96 40.96v532.48l-40.96 40.96z m-696.32-81.92h655.36v-450.56H184.32v450.56z"
                                            fill="#437DFF" p-id="5127"></path>
                                        <path d="M472.064 673.792h81.92v103.424h-81.92z" fill="#437DFF" p-id="5128">
                                        </path>
                                        <path d="M369.664 776.192h286.72v81.92h-286.72z" fill="#437DFF" p-id="5129">
                                        </path>
                                        <path d="M430.08 570.368h163.84v61.44H430.08z" fill="#63F7DE" p-id="5130">
                                        </path>
                                    </svg>
                                </div>
                                <h4><a href="#url">Designer of the Company</a></h4>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi reiciendis labore quisquam suscipit qui veritatis. voluptas quia officiis fugit soluta sunt</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="final">
        <div class="final1">
            <div class="final2">
                <div class="re">
                    <div class="left">
                        <p class="m-0">Copyright © 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">网页模板</a></p>
                    </div>
                    <div class="right">
                        <ul class="sp-0">
                            <li><svg t="1621695406165" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2358" width="20" height="20"><path d="M889.151 64.223H134.69c-38.601 0-70.182 31.583-70.182 70.182v754.461c0 38.599 31.582 70.182 70.182 70.182h754.461c38.601 0 70.182-31.583 70.182-70.182V134.405c0-38.599-31.582-70.182-70.182-70.182z m-99.008 503.811h-90.234v338.378H575.837V568.034h-90.235V455.238h90.235V319.887c0-56.396 49.592-84.209 78.955-90.236 35.908-7.368 140.991-5.637 140.991-5.637v124.07h-78.955c-22.558 0-22.558 22.562-22.558 22.562v84.592h107.153l-11.28 112.796z" p-id="2359" fill="#8a8a8a"></path></svg>
                                </a>
                            </li>
                            <li><svg t="1621695612956" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4091" width="20" height="20"><path d="M428.1 843h137.1V577.1c0-13.2 1.8-27.3 5.4-35.8 9-26.4 31.6-53.7 69.5-53.7 49.6 0 69.5 40.5 69.5 100V843h137.1V569.5c0-135.8-67.7-198-157.9-198-73.1 0-118.2 44.3-136.2 73.6h-2.7l-6.3-63.2H424.5c1.8 40.6 3.6 89.6 3.6 147.1v314zM249.5 181c-44.2 0-73.1 31.1-72.2 72.6-0.9 39.6 28 71.7 71.3 71.7 45.1 0 74-32.1 74-71.7-0.9-41.5-28.9-72.6-73.1-72.6z m68.6 662V381.9H180.9V843h137.2z" fill="#8a8a8a" p-id="4092"></path></svg></span>
                                </a>
                            </li>
                            <li><svg t="1621695637532" class="icon" viewBox="0 0 1068 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4374" width="20" height="20"><path d="M533.81632 81.5872c-116.7872 0-131.34336 0.52736-177.19808 2.62144a313.07776 313.07776 0 0 0-104.2432 20.06528 218.12224 218.12224 0 0 0-125.88032 125.88032 311.29088 311.29088 0 0 0-20.06016 104.21248c-2.05824 45.89056-2.62144 60.45184-2.62144 177.19808 0 116.78208 0.5632 131.6096 2.62144 177.46432a313.94816 313.94816 0 0 0 20.06016 104.2432 220.13952 220.13952 0 0 0 125.88032 125.88032 313.22112 313.22112 0 0 0 104.2432 19.80416c45.85472 2.09408 60.45184 2.62144 177.19808 2.62144 116.75136 0 131.6096-0.52736 177.4592-2.62144a314.44992 314.44992 0 0 0 104.24832-19.84 222.1056 222.1056 0 0 0 125.84448-125.84448 314.7008 314.7008 0 0 0 19.83488-104.2432c2.05312-45.85472 2.62144-60.70784 2.62144-177.42336 0-116.7872-0.5632-131.38432-2.62144-177.23392a311.82336 311.82336 0 0 0-19.83488-104.21248 220.1344 220.1344 0 0 0-125.84448-125.88032 313.856 313.856 0 0 0-104.28416-20.06528c-45.85472-2.09408-60.71296-2.62144-177.46432-2.62144h0.04096z m0 77.66528c114.91328 0 128.46592 0.26112 173.79328 2.32448a237.94688 237.94688 0 0 1 79.72352 14.85824 142.22848 142.22848 0 0 1 81.86368 81.60256 241.8944 241.8944 0 0 1 14.60224 79.95392c2.05312 45.3632 2.62144 58.91584 2.62144 173.568 0 114.69312-0.5632 128.4608-2.62144 173.83424a239.9232 239.9232 0 0 1-14.60224 79.72352 133.92896 133.92896 0 0 1-32.30208 49.52576 131.56352 131.56352 0 0 1-49.52576 32.3072 240.2304 240.2304 0 0 1-79.72864 14.59712c-45.3632 2.09408-58.91584 2.62144-173.82912 2.62144-114.91328 0-128.2048-0.52736-173.568-2.62144a242.048 242.048 0 0 1-79.98976-14.59712 130.73408 130.73408 0 0 1-49.25952-32.3072 133.81632 133.81632 0 0 1-32.3072-49.52576 245.11488 245.11488 0 0 1-14.85824-79.72352c-2.09408-45.36832-2.3552-58.91584-2.3552-173.83424 0-114.91328 0.26112-128.2048 2.3552-173.568a246.30784 246.30784 0 0 1 14.85824-79.98976 142.7968 142.7968 0 0 1 81.5616-81.5616 239.80032 239.80032 0 0 1 79.98976-14.85824c45.37344-2.06336 58.92608-2.3296 173.57824-2.3296z m0 131.57376c-121.96864 0.08192-220.77952 99.02592-220.6976 220.99456 0.08704 121.96864 99.02592 220.77952 220.99456 220.6976 121.95328-0.08704 220.75392-99.01056 220.69248-220.96384 0.04096-121.86624-98.71872-220.69248-220.58496-220.73344H533.77024h0.04608z m0 364.0576c-79.1552 0-143.32416-64.16896-143.32416-143.32928 0-79.1552 64.16896-143.32416 143.32416-143.32416s143.32416 64.16896 143.32416 143.32416c0 79.16032-64.16896 143.32928-143.32416 143.32928z m281.18016-372.62848c0 28.49792-23.10144 51.59936-51.59424 51.59936s-51.59424-23.10144-51.59424-51.59936 23.10144-51.59936 51.59424-51.59936 51.59424 23.10144 51.59424 51.59936z" p-id="4375" fill="#707070"></path></svg></span>
                                </a>
                            </li>
                            <li><svg t="1621695661567" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5256" width="20" height="20"><path d="M126.362454 754.826468c83.802638 7.981788 159.52218-12.678764 228.878804-63.73151-9.91686-1.561565-18.011212-2.366907-25.880437-4.151553-55.68116-12.636808-94.41944-45.570895-116.52797-98.102319-3.730974-8.860808-2.688225-9.532097 7.048533-8.736988 18.413372 1.502213 36.836977 1.914606 57.416687-3.242857-18.132986-5.490038-33.730219-11.213389-47.838541-20.287045-45.242414-29.102828-69.957305-70.666456-75.377758-123.967406-0.13917-1.37123-0.112564-2.75781-0.12689-4.13518-0.101307-9.855462 0.505513-10.211573 9.579169-5.847172 18.085914 8.699126 37.062104 13.936407 59.618842 14.921851-9.168824-6.747681-16.20917-12.93152-22.826891-19.590174-47.50392-47.807842-58.931181-125.136022-27.358091-184.66379 3.105734-5.856381 4.92108-6.661723 9.56996-1.12973 38.618553 45.968961 84.612073 82.97683 137.972375 110.410646 52.297087 26.891464 107.768469 43.502793 166.615739 47.973618 15.083533 1.144056 14.842033 1.044796 13.164834-14.642488-10.514471-98.243535 62.657039-170.780595 142.707213-177.778986 48.193629-4.213975 89.652879 10.589173 125.122719 42.850947 4.846378 4.40738 9.172917 5.747911 15.547091 4.335748 29.055756-6.437619 56.30947-17.423835 82.47234-31.385824 2.337231-1.248434 4.344958-3.527336 8.797363-2.738367-11.418051 35.369555-33.319873 62.180178-62.972217 83.674725 28.720112-2.847861 55.885821-11.325953 82.572624-22.26612 0.822738 4.15053-1.582031 6.03239-3.091408 8.133238-18.615986 25.932626-40.503483 48.781006-65.834404 68.182892-5.633301 4.315282-7.889691 8.79634-7.743358 15.919575 2.068102 100.110045-26.634614 191.221136-83.442434 273.042653-71.240531 102.616122-169.133072 164.072823-292.829302 183.435823-100.758822 15.771195-196.565864 0.459464-286.937105-47.223534-9.863648-5.204535-19.378349-11.072173-29.054733-16.630772C125.857964 756.578368 126.110721 755.703441 126.362454 754.826468z" p-id="5257" fill="#8a8a8a"></path></svg></span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <button onclick="topFunction()" id="movetop" title="Go to top" style="display: block;">
        <svg t="1621696298606" class="icon1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6183" width="20" height="20"><path d="M76.8 713.3c0-4.1 1.6-8.2 4.7-11.3l390.9-390.9c21.8-21.8 57.4-21.8 79.2 0L942.5 702c6.2 6.2 6.2 16.4 0 22.6-6.2 6.2-16.4 6.2-22.6 0L529 333.7c-9.4-9.4-24.6-9.4-33.9 0l-391 390.9c-6.2 6.2-16.4 6.2-22.6 0-3.1-3.1-4.7-7.2-4.7-11.3z" p-id="6184" fill="#ffffff"></path></svg>
      </button>
</body>

</html>
<script>
    var btn = document.getElementById("checkbox")
    btn.onchange = function(evn) {
        if (evn.target.checked) {
            document.documentElement.setAttribute("data-theme", "dark")
        } else {
            document.documentElement.setAttribute("data-theme", "light")
        }
    }
</script>